div{
    width: 100px;
    height: 100px;
    border: 1px solid #ccc;
}

// 无参混合，没有参数
.common{
    font-size: 30px;
    text-decoration: underline;
}

// 带参混合
.hello(@bgColor:#ccc,@fontSize:15px){ // 形参
    background: @bgColor;
    font-size: @fontSize;
}

.d1{
    color: red;
    // .common;
    // .common();
    .hello(pink,20px); // 实参
}
.d2{
    color: blue;
    // .common;
    .hello(yellow,30px);
}
.d3{
    .hello(); // 使用参数的默认值
}

// 导引混合，即可以进行条件的判断
.world(@fontSize) when(@fontSize<=30){
    font-size: @fontSize;
}
.world(@fontSize) when(@fontSize>30){
    font-size: 30px;
}
.world(@fontSize){ // 总是会匹配
    color: red;
}

.d4{
    .world(20px);
}

.d5{
    .world(65px);
}